<!DOCTYPE html>
<html>
<head>
    <title>{$site_name}</title>
    <meta name="keywords" content="{$site_seo_keywords}" />
    <meta name="description" content="{$site_seo_description}">
    <meta name="author" content="ThinkCMF">
    <tc_include file="Public:head" />
    <style>
        *{
            margin: 0;
            padding: 0;
            font-family:Microsoft YaHei;
        }
        li{
            list-style: none;
        }
        a{
            text-decoration:none;
            color:  #333333;
        }
        #tabtop{
            width: 830px;
            height: 40px;
            border-bottom:1px solid #c5c5c5;
            display: flex;
            justify-content: center;
            line-height: 48px;
        }
        #tabtop a{
            cursor: pointer;
            font-size: 16px;
            margin-right: 100px;
        }
        a {
            color: #000232;
        }
        #tabtop span:last-child{
            /*margin-left: 236px;*/
            margin-right: 0;
        }
        #tabtop .btn{
            background-color: #fff;
            color: #c8161d;
            font-size: 18px;
            letter-spacing: 1px;
            position: relative;
            top: 4px;
        }
        .contribute_list{
            /*float: right;*/
        }
        .contribute_list li {
            width: 100%;
            height: 60px;
            border-bottom:1px solid #efefef;
            position: relative;
            margin:25px 0;
        }
        .contribute_title{
            font-size: 18px;
            line-height: 28px;
            color: #333333;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            font-weight: bolder;
        }
        .contribute_time{
            font-size:14px;
            line-height: 18px;
            color: #c5c5c5;
            margin-top:8px;
        }
        .contribute_time span:nth-child(2){
            margin-left: 70px;
        }
        .contribute_classification img{
            width: 24px;
        }
        .contribute_classification span:first-child{
            margin-right: 66px;
        }
        .color-tab {
            color: #c8161d;
            text-align: center;
        }
        .list-group{
            margin-left: 50px;
        }
        /*个人的中心布局样式调整*/
        .container {
            width: 1190px;
        }
        .container .title{
            font-size: 16px;
            color: #000232;
            line-height: 48px;
            padding-left: 60px;
            border-bottom: 1px solid #676884;
            margin-bottom: 18px;
        }
        .row {
            margin-left: 0px!important;
            width: 1190px!important;

        }
        .span3 {
            margin-left: 0;
            width: 280px;
        }
        .span9 {
            width: 830px;
            margin-left: 80px;
        }
        /*个人的中心布局样式调整结束*/
    </style>
</head>
<body class="body-white" id="top">
<tc_include file="Public:nav" />
<!--遵守约定弹窗-->
<style>
    .cover_back {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.8);
        z-index:-1;
        opacity: 0;
        filter:alpha(opacity=0);
    }
    .treaty{
        overflow-y: auto;
    }
    .treaty, .btn_ground{
        padding: 20px 10px;
        margin: 0 auto;
        color: #fff;
        /*display: none;*/
        width: 750px;
        height: 400px;
        margin: 100px auto 0;
        position: relative;
    }
    .treaty h3 {
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        letter-spacing: 2px;
        margin: 0 0 20px;
        text-align: center;
        color: #fff;
    }
    .treaty .text {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
    }
    .treaty .text span {
        position: relative;
        left: -5px;
        font-weight: bold;
        font-size: 16px;
    }
    .treaty .treaty_btn {
        margin-top: 20px;
    }
    .treaty label {
        font-size: 14px;
        line-height: 14px;
    }
    .treaty label input {
        margin-right: 3px;
        position: relative;
        top: -3px;
    }
    .btn_ground .close_btn{
        position: absolute;
        top: -464px;
        right: 14px;
        width: 40px;
        height: 40px;
        background:url("/public/images/img/close.png") no-repeat center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .layui-layer-btn .layui-layer-btn0 {
        background-color: #c8161d;
        color: #fff;
        letter-spacing: 2px;
        font-size: 16px;
    }
    .layui-layer-btn .layui-layer-btn1 {
        background-color: #707070;
        color: #fff;
        letter-spacing: 2px;
        font-size: 16px;
    }
    .layui-layer-shade {
        background-color: #000!important;
        -webkit-border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        border-radius: 0px!important;
    }
    .btn_ground {
        margin-top: 10px;
    }
    .cover_back .treaty::-webkit-scrollbar {/*滚动条整体样式*/
        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 400px;
    }
    .cover_back .treaty::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #2187b0!important;
    }
    .cover_back .treaty::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #333333;
    }
    .cover_back .btn_ground .text {
        color: #000;
    }
    .cover_back .btn_ground .btn1{
        height: 50px;
        width: 280px;
        margin: 30px auto 0;
        background-color: #2187b0;
        line-height: 50px;
        text-align: center;
        border-radius: 10px;
        font-size: 18px;
        color: #fff;
    }
    .cover_back .btn_ground .btn1 a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #fff;
    }
</style>
<div class="cover_back">
    <div class="treaty">
        <h3>请遵守日新网条约</h3>
        <p class="text">
            感谢您使用日新网投稿。<br>
            请您在使用本平台服务前审慎阅读、充分理解本协议内容。 本协议系您与日新网之间就使用日新网平台相关事宜订立的协议。<br>
            <span>【日新网】</span><br>
            日新网是一家致力于推动新科技、新理念、新政策引入房产后市场的产业创新服务平台，通过数据经营，带来物业经营效率提升和服务创新。<br>
            <span>【稿件要求】</span><br>
            投稿必须为作者原创文章，或网络优秀文章推荐。伪原创、修改其他网站作者的文章一律不予发表。优秀文章推荐请注明真实准确的来源和作者。<br>
            投稿内容禁止软广行为，内容必须客观真实。任何企业、任何组织、任何形式的软文、通稿类投稿，一律不予发表。<br>
            请不要在文中夹带微信号等推广信息。<br>
            <span>【日新网投稿注册规范声明】</span><br>
            日新网投稿不接受以下文章：<br>
            • 反对宪法所确定的基本原则的；<br>
            • 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；<br>
            • 损害国家荣誉和利益的；<br>
            • 煽动民族仇恨、民族歧视，破坏民族团结的；<br>
            • 破坏国家宗教政策，宣扬邪教和封建迷信的；<br>
            • 散布谣言，扰乱社会秩序，破坏社会稳定的；<br>
            • 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；<br>
            • 侮辱或者诽谤他人，侵害他人合法权益的；<br>
            • 含有法律、行政法规禁止的其他内容的信息；<br>
            • 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；<br>
            • 以非法民间组织名义活动的。<br>
            <span>【日新网行家须知】</span><br>
            您需要以真实身份信息注册，上传近日头像，包括并及时更新您的注册资料。<br>
            注册账号姓名即为专栏姓名，使用笔名的作者，请在投稿时写明真实信息，便于日新网与您联系。<br>
            微信公号或其他渠道直接粘贴投稿，请附上原文链接，便于小编对文中图表进行清晰度、美观度编辑处理。<br>
            凡成为日新网行家后，在日新网发布的文章会默认授权日新网将此内容同步到其他内容平台（包括但不限于：日新网微信号、今日头条、一点资讯、搜狐号、企鹅号等）。<br>
            <span>【日新网行家申请路径】</span><br>
            登陆日新网官网 → 鼠标移入网页右上角的头像，点击您的昵称 → 完善个人资料和行家认证（重要） → 等待审核。<br>
        </p>

    </div>
    <div class="btn_ground">
        <p class="text" style="font-size: 14px;font-weight: bold;margin-top: 10px;color: #999;">
            感谢您仔细阅读本规则。成为日新网行家后，将有机会免费获得日新网举办的行业活动门票，日新网还将为行家提供行业资源对接，作者个人品牌推广等。
            我们期待与您在日新网平台上创造高质量的行业内容。
        </p>
        <div class="btn1"><a href = "{:U('portal/article/edit')}" >我已阅读并同意此条款</a></div>
        <span class="close_btn"></span>
    </div>
</div>
<div class="container tc-main">
    <div class="row" style="margin-left: -115px;">

        <div class="span3">
            <tc_include file="Public:usernav"/>
        </div>


        <div class="span9">

            <php>
                $pass       = isset($status_counts['1']) ? $status_counts['1'] : 0;
                $draft      = isset($status_counts['4']) ? $status_counts['4'] : 0;
                $no_pass    = isset($status_counts['2']) ? $status_counts['2'] : 0;
                $init       = isset($status_counts['0']) ? $status_counts['0'] : 0;
            </php>
            <p id="tabtop">
                <a data-type="4"><span>草稿({$draft})</span></a>
                <a data-type="2"><span>未通过({$no_pass})</span></a>
                <a data-type="0"><span>未审核({$init})</span></a>
                <a data-type="1"><span>已发布({$pass})</span></a>
                <button type="button" class="btn btn-danger new_article layer_popup">新建投稿</button>
            </p>

            <div id="tabcontent">
                <div class="active">
                    <ul class="contribute_list">

                        <volist name="articles" id="vo">
                            <li>
                                <a href="{:U('portal/article/article_info', ['id' => $vo['id']])}">
                                    <p class="contribute_title">{$vo.post_title}</p>
                                    <p class="contribute_time">{$vo.post_modified}</p>
                                </a>
                                <a href="{:U('portal/article/edit', ['id' => $vo['id']])}" style="float: right;margin-top: -20px;font-size: 15px;">
                                    编辑
                                </a>
                            </li>
                        </volist>
                    </ul>
                    <if condition="empty($articles)">
                        <div style="width: 350px;height: 266px;margin: 40px auto 0;"><img src="/public/images/img/replace.png" alt="" style="width: 100%;height: auto;"></div>
                    </if>
                    <div style="width:110px;height: 30px;border-radius: 15px;border: 1px solid #C8161D; color: #C8161D;font-size: 15px;text-align: center;
                line-height: 30px;margin-left: 350px; " class="js-infinite-scroll-loading text-center fontmsyhbd">更多</div>
                    <div id="nextpage"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- /container -->
<tc_include file="Public:footer" />
<tc_include file="Public:scripts" />

<script src="__TMPL__Public/assets/js/jquery.infiniteScroll.js"></script>
<script src="__PUBLIC__/js/layer/layer_1.js"></script>
<script>
    $(function(){

        var status = {$status ? $status : 0};

        $("#tabtop a").each(function () {
            var type = $(this).attr('data-type');
            if (type == status) {
                $(this).addClass('color-tab').siblings().removeClass('color-tab');
            }
            $(this).attr('href', "{:U('portal/article/user_article')}" + "&status=" + type);
        });


        $('#nextpage').infiniteScroll({
            loading:'.js-infinite-scroll-loading',
            total_pages:{$total_pages},
            success:function(content){
                var $items = $(content).find('.contribute_list li');
                if ($items.length > 0) {
                    $('.contribute_list').append($items);
                }
            }
        });
        // 跳转链接
        $('.new_article').click(function () {
            // window.location.href = "{:U('portal/article/edit')}";
        })
    });
</script>

<!--slide侧边栏动画-->
<script>
    $(function () {
        setTimeout(anim,500);
        function anim(){
            $(".animate_add").find(".menu_main").animate({
                marginLeft:'-90px'
            },300);
            $(".animate_add").find(".menu_list").animate({
                height:"36px",
                paddingTop:'12px'
            },300);
            $(".animate_add").find(".tab_article").addClass("active");
        }
    })
</script>
<!--約定條款弹窗-->
<script>
    $(function () {
       $(".btn_ground .close_btn").click(function () {
           $(".cover_back").css({
               zIndex:-1,
               opacity: 0,
               filter:"alpha(opacity=0)"
           });
           document.documentElement.style.overflowY = 'scroll';
       });
       $(".layer_popup").click(function () {
           $(".cover_back").css({
               zIndex:9999,
               opacity: 1,
               filter:"alpha(opacity=100)",
           });
           document.documentElement.style.overflowY = 'hidden';
       });

        $(".treaty").click(function(event){
            event.stopPropagation();
        });
       $(".cover_back").click(function () {

           $(".cover_back").css({
               zIndex:-1,
               opacity: 0,
               filter:"alpha(opacity=0)"
           });
           document.documentElement.style.overflowY = 'scroll';
       })
    });

</script>
</body>
</html>